html,
		  body {
		    position: relative;
		    height: 100%;
		  }
		
		  body {
		    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		    font-size: 14px;
		    color: #000;
		    margin: 0;
		    padding: 0;
		  }
		
		  .swiper {
		    width: 100%;
		    height: 365px;
		  }
		
		  .swiper-slide {
		    text-align: center;
		    font-size: 18px;
		    background: #fff;
		
		    /* Center slide text vertically */
		    display: -webkit-box;
		    display: -ms-flexbox;
		    display: -webkit-flex;
		    display: flex;
		    -webkit-box-pack: center;
		    -ms-flex-pack: center;
		    -webkit-justify-content: center;
		    justify-content: center;
		    -webkit-box-align: center;
		    -ms-flex-align: center;
		    -webkit-align-items: center;
		    align-items: center;
			position:relative;
		  }
		  .swiperText{
			  position: absolute;
			  letf:0;
			  bottom:50px;
			  text-align: left;
			  padding:0 0.1rem;
		  }
		  .swiperText h1{
			  font-size:0.34rem;
			  color:#fff;
		  }
		  .swiperText p{
		  	font-size:0.18rem;
		  	color:#fff;
		  }
		
		  .swiper-slide img {
		    display: block;
		    width: 100%;
		    height: 100%;
		    object-fit: cover;
		  }
		  .swiper-pagination{
			  text-align: right;
		  }
		  .swiper-pagination-bullet{
			  opacity: 1;
			  background-color: #fff;
		  }
		  .swiper-pagination-bullet-active{
			  background-color: #fff;
			  width:20px;
			  border-radius:5px;
		  }